<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>地下城与勇士官方论坛</title>
    <!-- 引入初始化样式 -->
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <!-- 引入首页样式 -->
    <link rel="stylesheet" href="./css/index1.css">
    <script src="js/jquery.min.js"></script>
    <!-- 引入jquery  -->
    <!-- 引入fix.js文件 -->
    <script src="./js/fix.js"></script>
    <style>
        body {
            background: url(./image/bg_top.png) 0% 0% / 100% no-repeat;
            min-height: 138px;
        }
    </style>
</head>

<body>
    <!-- 头部 -->
    <div class="acnv wp1200">
        <div class="acnvtop">
            <div class="wp1200">
                <div class="acheadtop">
                    <a class="collect" href="" title="收藏本站"></a>
                </div>
            </div>
            <div class="nvl row-l">

                <div id="n_nv">
                    <div class="nvl">
                        <div class="nvl_tab" id="mn_form">
                            <a class="a" href="" title="BBS">
                                <span>论坛首页</span>
                            </a>
                        </div>
                        <div class="nvl_tab" id="mn_form">
                            <a class="a" href="" title="">
                                <span>切换板块</span>
                            </a>
                        </div>
                        <div class="nvl_tab" id="mn_form">
                            <a class="a" href="" title="">
                                <span>职业百科</span>
                            </a>
                        </div>
                        <div class="nvl_tab" id="mn_form">
                            <a class="a" href="" title="">
                                <span>积分商城</span>
                            </a>
                        </div>
                        <div class="nvl_tab" id="mn_form">
                            <a class="a" href="" title="">
                                <span>实名认证</span>
                            </a>
                        </div>
                        <div class="nvl_tab" id="mn_form">
                            <a class="a" href="" title="">
                                <span>客服专区</span>
                            </a>
                        </div>
                        <div class="nvl_tab" id="mn_form">
                            <a class="a" href="" title="">
                                <span>回流活动</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="nvr row-r">
                <a class="aclogin" href="">登录</a>
                <a class="acsign" href="">注册</a>
            </div>
        </div>
    </div>
    <div class="acsubnav">
        <div class="p_pop h_pop" id="mn_userapp_menu" style="display: none;"></div>
    </div>
    <div class="wp1220">
        <div id="mu" class="cl">
        </div>
    </div>
    <div class="achead">
        <div class="acheadmask">
            <div class="achdc">
                <div class="acPsearch"></div>
            </div>
        </div>
    </div>
    <!-- 中心内容 -->
    <div class="ace">
        <div class="ace-top">
            <div class="ace-top-l">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="image/dnf.jpg" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="image/dnf1.jpg" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="image/dnf2.jpg" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="image/dnf3.jpg" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="image/dnf4.jpg" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="image/dnf5.jpg" alt="">
                        </div>

                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                    <!-- Add Arrows -->
                    <!-- <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div> -->
            </div>
        </div>
        <div class="ace-top-c">
           <ul>
                <li> <a href="">
                    <h2>【全职业汇总篇】国服百级版本</h2>
                </a>
            </li>
            <li> <a href="">缝纫机时装秀(部分)</a>
                <span>10/29</span>
        </li>
        <li> <a href="">阿拉德画廊</a>
            <span>11/02</span>
     </li>
     <li> <a href="">【暖暖向】奇迹缝纫机第二期女鬼剑</a>
        <span>11/01</span>
 </li>

           </ul>
        </div>
        <div id="sd" class="sd_new aaa">
            <div class="sign_con">
                <div class="midaben_con">
                    <div class="midaben_con_l"></div>
                    <div class="midaben_con_r">
                        <a href="">
                            <p>签到</p>
                        <p>您的签名排行--</p>
                        </a>
                    </div>
                </div>
            </div>
                
                <div class="aaa_cent">
                    <div class="aaa_cent_sh">
                        <a class="laba" href="">DNF小喇叭</a>
                        <p>最新游戏公告</p>
                    </div>
                    <hr class="index_hr">
                    <div class="aaa_cent_xia"></div>
                </div>
        </div>
    </div>
    <div class="cl">
        <div class="mn">
           <div class="mn-o" id="fora">
               <a href="">
                <span>综合讨论区&nbsp;&nbsp;(11368)</span>
               </a>
           </div>
           <div class="mn-t" id="fora">
           <a href="">
            <span>问题反馈&nbsp;&nbsp;(81)</span>
           </a></div>
           <div class="mn-s" id="fora">
            <a href="">
                <span>咨询投稿&nbsp;&nbsp;(4)</span>
               </a>
           </div>
           <div class="mn-f" id="fora">
            <a href="">
                <span>TP安全专区&nbsp;&nbsp;(222)</span>
               </a>
           </div>
           <div class="mn-v" id="fora">
            <a href="">
                <span>体验服&nbsp;&nbsp;(7111)</span>
               </a>
           </div>
           <div class="mn-i" id="fora">
            <a href="">
                <span>月光酒馆&nbsp;&nbsp;(1483)</span>
               </a>
           </div>
           
        </div>
        <div class="cl-r">
            <div class="cl-r-dh">
                <p>快捷导航</p>
                <ul>
                    <li class="icta">
                        <a href="">
                            <i class="icnn"></i>
                        </a>
                        <div class="sy_in ">
                            <a href="" title="西海岸快讯">西海岸快讯</a>
                            <span>掌握体验服最新动态</span>
                        </div>
                        <hr class="zxsy">
                    </li>
                    <li class="icta">
                        <a href="">
                            <i class="icnn1"></i>
                        </a>
                        <div class="sy_in1 ">
                            <a href="" title="积分商城">积分商城</a>
                            <span>专属论坛福利等</span>
                        </div>
                        <hr class="zxsy">
                    </li>
                    <li class="ictt">
                        <a href="">
                            <i class="icnn2"></i>
                            <br>
                            <span>论坛活动</span>
                        </a>
                        <a href="">
                            <i class="icnn3"></i>
                            <br>
                            <span>论坛版规</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        
    </div>
    <!-- 尾部 -->
    <div class="footer">
        <div class="footer-r">
            <ul>
                <li>
                    <a href="">腾讯互动娱乐</a>
                    <span>丨</span>
                </li>
                <li><a href="">服务条款</a>
                    <span>丨</span></li>
                <li><a href="">广告服务</a>
                    <span>丨</span></li>
                <li><a href="">腾讯游戏招聘</a>
                    <span>丨</span></li>
                <li><a href="">腾讯游戏地图</a>
                    <span>丨</span></li>
                <li><a href="">游戏活动</a>
                    <span>丨</span></li>
                    <li><a href="">商务合作</a>
                        <span>丨</span>
                    </li>
                    <li><a href="">网址导航</a>
                    </li>
            </ul>
            <p>Copyright © 1998 - 2016 Tencent. All Rights Reserved</p>
        </div>
        <div class="footer-l"></div>
    </div>
    <!-- 右侧 -->
    <div id="flt-bottom" class="flt-bottom"></div>
    <!-- 左侧 -->
    <div class="a_fl">
        <a href="" class="ad_new">100级职业攻略</a>
        <a href="" class="ad_new">100级装备数据</a>
        <a href="" class="ad_new">100级养成指南</a>
        <a href="" class="ad_new">100级装备辞典</a>
        <a href="" class="ad_new">100级视频集锦</a>
    </div>
    <script src="js/swiper.min.js">x</script>
    <script>
        var swiper = new Swiper('.swiper-container', {
            spaceBetween: 30,
            centeredSlides: true,
            autoplay: {
                delay: 2500,
                disableOnInteraction: false,
            },
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
    </script>
</body>

</html>